import React, { Component } from 'react'
import { HashRouter as Router,Route,Switch,Redirect } from "react-router-dom"
// import { HashRouter as Router,Route,Switch} from "react-router-dom"
import Index from "./components/index/Index"
import Cart from "./components/cart/Cart"
import Category from "./components/category/Category"
import My from "./components/my/My"
import Tabbar from "./components/tabbar/Tabbar"
import SearchCenter from "./components/searchCenter/SearchCenter"
import GoodDetail from "./components/goodDetail/GoodDetail"
import GoodList from "./components/goodList//GoodList"
import Pay from "./components/pay/Pay"
function PageNotFind(){
  return <h1>404</h1>
}
export default class RouterConfig extends Component {
  render() {
    return (
      <Router>
        <Switch>
          <Route path="/" exact render={ ()=><Tabbar><Index></Index></Tabbar> }></Route>
          <Route path="/cart" exact render={ (props)=><Tabbar><Cart {...props}></Cart></Tabbar> }></Route>
          <Route path="/category" exact render={ (props)=><Tabbar><Category {...props}></Category></Tabbar> }></Route>
          <Route path="/my" exact render={ ()=><Tabbar><My></My></Tabbar> }></Route>
          <Route path="/searchCenter" exact render={ ()=><SearchCenter></SearchCenter> }></Route>
          <Route path="/goodDetail/:goods_id" exact render={ (props)=><GoodDetail {...props}></GoodDetail> }></Route>
          <Route path="/goodList" exact render={(props)=><GoodList {...props}></GoodList>}></Route>
          <Route path="/pay" exact render={()=><Pay></Pay>}></Route>
          <Route path="/404" component={PageNotFind}></Route>
            <Redirect to="/404"></Redirect>
        </Switch>
      </Router>
    )
  }
}
